<template>
  <div class="q-pa-md">
    <div class="q-gutter-sm row items-start">
    <t-button
      icon="uploader"
      label="点击上传"
      class="tr-button-primary"
      :show-hint="true"
      hint-msg="常规按钮"
      @click="uploader1111"
    />
      <TUploader
      ref="uploader"
      color="rgb(255,255,255)"
      multiple
      noThumbnails
      maxFileSize="10MB"
      :factory="factoryFn"
      otherRules="啊伟大的达娃达娃"
      @uploaded="uploaded"
      uploaderUrlType='customize'
      url="http://localhost:4444/upload"
      >
      </TUploader>
    </div>
  </div>
</template>

<script>
import { useQuasar } from '@teld/q-components';
import TUploader  from '../../../components/basic/uploader/Component.jsx';
import { ref } from 'vue';

export default {
  setup() {
    const $q = useQuasar();
   const uploader = ref();
    const name = ref(null);
    const age = ref(null);
    const accept = ref(false);

    return {
      name,
      age,
      uploader,
      accept,

      uploader1111() {
        console.log(uploader.value)
      },
     uploaded(){
      console.log(uploader.value,'uploadervalue')

     }
    };
  },
};
</script>
